<template>
    <div class="paramConfig">
        <div class="left">
            <baseConfig ref="baseConfig" />
        </div>
        <div class="right">
            <div class="top">
                <div class="top-L">
                    <BUCconfig ref="BUCconfig" />
                </div>
                <div class="top-R">
                    <LNBconfig ref="LNBconfig" />

                </div>
            </div>
            <div class="bottom">
                <antennaConfig ref="antennaConfig" />
            </div>

        </div>
    </div>
</template>

<script>
import baseConfig from './modules/baseConfig.vue'
import BUCconfig from './modules/BUCconfig.vue'
import LNBconfig from './modules/LNBconfig.vue'
import antennaConfig from './modules/antennaConfig.vue'
export default {
    name: 'OperationalParameters',
    components: {
        baseConfig, BUCconfig, LNBconfig, antennaConfig
    }

}
</script>

<style lang="less" scoped>
.paramConfig {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: calc(100vh - 120px);
    // background: rgba(252, 230, 233, 0.3);

    .left {
        width: 59%;
        height: calc(100vh - 120px);
        // background: rgba(248, 167, 178, 0.3);
    }

    .right {
        width: 40%;
        height: calc(100vh - 120px);
        // background: rgba(226, 235, 194, 0.3);
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .top {
            width: 100%;
            height: 350px;
            // background: yellow;
            display: flex;
            justify-content: space-between;

            .top-L {
                width: 49%;
                height: 100%;
                // background: aqua;
            }

            .top-R {
                width: 49%;
                height: 100%;
                // background: rgb(180, 114, 171);
            }
        }

        .bottom {
            width: 100%;
            height: calc(100% - 350px);
            // background: rgb(141, 218, 126);
        }

    }
}
</style>